<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--[if lt IE 7 ]> <html class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>体检预约服务平台 - 医通在线</title>
	<link href="templates/css/global.css" rel="stylesheet" type="text/css" />
	<link href="templates/css/agency.css" rel="stylesheet" type="text/css" />
	<link href="templates/css/layoutskin.css" rel="stylesheet" type="text/css" />
	
    <script src="templates/js/form.js" type="text/javascript"></script>
    <script src="templates/js/common.js" type="text/javascript"></script>	
    <script src="templates/js/func/buy.js" type="text/javascript"></script>	
	
	<meta content="" name="Keywords">
	<meta name="description" content="" />
	<!--[if IE 6]>
	<script src="../../js/ddpng.js" type="text/javascript"></script>
	<script type="text/javascript">DD_belatedPNG.fix('.ddpng');</script>
    <![endif]--> 
</head>
<body>

<!--header st-->
<{include file="../templates/$newtpl/header.html"}>

<div class="row mb10 center_layout fix">
	<div class="main_con">
		<div class="con info_box success">
			<div class="con fix">
				<div class="pic"></div>
				<div class="txt">
					<p><strong>请您在下单后<em>45分钟</em>内支付，逾期未支付将自动取消预约</strong></p>
					<p style="font-size:12px"><span class="mr30">订单号：<{$order.order_id}></span><span class="mr30">应付金额：<em><b><{$order.order_price}></b></em>元</span><span class="mr30">支付方式：<{$payment.description}></span><a href="javascript:void(0);" class="blue btn_box_edit">修改支付方式>></a></p>
					<div class="fix" style="line-height:43px"><a class="btn_pay mb20 fl mr20" style="margin-top:0" href="<{$payment_code}>" title="立即支付" target="_blank"></a></div>
				</div>
			</div>
		</div>
	</div>
</div>

<{include file="../templates/$newtpl/foot.html"}>

<div id="dialogPayment" class="div_none combo_list">
	<div class="con">
		<h5>支付平台</h5>
		<div class="list mb20">
			<dl class="fix">
				<{foreach from=$payment_list item=payment_item}>
						<{if $payment_item.id eq 5 || $payment_item.id eq 27}>
							<dd><label>
							<{$payment_item.display_code}>
							</span></label></dd>
						<{/if}>
					<{/foreach}>				
			</dl>
		</div>
		<h5>支付银行</h5>
		<div class="list">
			<dl class="fix">
				<{foreach from=$payment_list item=payment_item}>
					<{if $payment_item.id neq 5 && $payment_item.id neq 27 && $payment_item.id neq 28}>
						<dd><label>
						<{$payment_item.display_code}>
						</span></label></dd>
					<{/if}>
				<{/foreach}>
			</dl>
		</div>
	</div>
	
	<p>为了保证及时处理您的订单，请于下单45分钟内付款，逾期未付款订单将被取消，需重新下单。</p>
	<a href="javascript:void(0)" title="确定" class="btn" onclick="submit_s()">确定</a>
</div>

<!--弹框提示 st-->
<div id="dialogPay" class="div_none">
	<div class="con fix">
		<div class="txt">
			<p>请您在新打开的网上银行页面进行支付，支付完成前请不要 关闭该窗口。</p>
		</div>
	</div>
	<div class="btn_bar"><a href="/myorder" title="已完成支付" class="btn_gray">已完成支付</a><a href="/index.php?action=helpcontent&help_id=15" title="付款遇到问题" class="btn_gray">付款遇到问题</a></div>
</div>

<FORM  action="<{$__URL__}>modifyorder" method="post" enctype="application/x-www-form-urlencoded" name="sform" target="_self" id="sform">
<input type="hidden" name="id" value="<{$order.order_id}>">
<input type="hidden" name="payment_s" id="payment_s" value="">
</FORM>

<!--脚本如下-->
<script src="templates/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="templates/js/jquery.switchable2.min.js" type="text/javascript"></script>
<script src="templates/js/jquery.layout.js" type="text/javascript"></script>
<script src="templates/js/global.js" type="text/javascript"></script>

<script type="text/javascript">

	//支付方式弹框
	$('.btn_box_edit').click(function () {
		art.dialog({
			id: 'dialogPayment',
			content: document.getElementById('dialogPayment'),
			title: '请选择支付平台或者支付银行',
			skin: "greenbox",
			width: 750,
			opacity: 0.2,
			lock: true,
			padding: 10,
			drag: true,
			resize: false,
			close: function () {
			}
		});
	});

	
	$('.btn_pay').click(function(){
		art.dialog({
			id: 'dialogPay',
			content: document.getElementById('dialogPay'),
			title: '付款确认',
			skin: "greenbox",
			width: 400,
			opacity: 0.2,
			lock: true,
			padding: 10,
			drag: true,
			resize: false,
			close: function () {
			}
		});
	});
	
	$(document).ready(function(){
		<{if $order.payment_id}>
			$(":radio[value='<{$order.payment_id}>']").attr("checked", 'checked');
			$("#payment_s").val('<{$order.payment_id}>');
		<{else}>
			$(":radio[value='5']").attr("checked", 'checked');
			$("#payment_s").val(5);
		<{/if}>
	});
	function submit_s(){
		var pay = $("input:radio[name='payment']:checked").val();
		$("#payment_s").val(pay);
		$('#sform').submit()
	}
</script>

</body>
</html>